<!DOCTYPE html>
<html lang="en" light-mode="dark">

<head>
    <title>John Doe | References</title>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
    <meta name="keywords" content="free portfolio template,portfolio template, portfolio website template, open source, open sourcing, contributing to open source" />
    <meta name="description" content="This project serves free and beautiful portfolio template for everyone. The sole aim of this project is to help all those who are not sure or face difficulties while trying to create the perfect portfolio for themselves. Anyone can showcase their work including moocs, education, projects, experience,etc. to the world."
    />

    <!-- Google Analytics -->
    <script async src="https://www.googletagmanager.com/gtag/js?id=G-G6D61F5TL4"></script>
    <!-- Fetching our Google Tag Manager -->

    <!-- Robot.txt -->
    <meta name="robots" content="index,follow" />
    <meta name="Googlebot" content="index,follow" />
    <meta name="AdsBot-Google" content="index,follow" />

    <meta property="og:site_name" content="https://portfolio.smaranjitghose.codes/reference.html">
    <meta property="og:title" content="John Doe | reference">
    <meta property="og:description" content="This project serves free and beautiful portfolio template for everyone. Anyone can showcase their work including moocs, education, projects, experience,etc. to the world.">
    <meta property="og:type" content="website">
    <meta property="og:url" content="https://portfolio.smaranjitghose.codes/reference.html">
    <meta name="twitter:card" content="summary">
    <meta name="twitter:site" content="https://portfolio.smaranjitghose.codes/reference.html">

    <meta name="application-name" content="John Doe | reference" />
    <meta name="apple-mobile-web-app-title" content="John Doe | reference" />
    <meta name="summary" content="An open source project aimed at providing free and beautiful templates to everyone for building their portfolio websites and showcase their work to the world." />
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css" />
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/jpswalsh/academicons@1/css/academicons.min.css">
    <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@200;300&display=swap" rel="stylesheet">

    <!--Import animation.css-->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.1/css/all.min.css" integrity="sha512-+4zCK9k+qNFUR5X+cKL9EIR+ZOhtIloNl9GIKS57V1MyNsYpYcUrUeQc9vNfzsWfV28IaLL3i96P9sdNyeRssA==" crossorigin="anonymous" />
    <script src='https://kit.fontawesome.com/a076d05399.js'></script>
    <link rel="stylesheet" href="assets/css/preloader.css">
    <link rel="stylesheet" type="text/css" href="assets/css/references.css" />
    <link rel="stylesheet" type="text/css" href="assets/css/style.css" />
    
    <link rel="stylesheet" href="assets/css/cursor.css">
    <script src="https://code.iconify.design/1/1.0.7/iconify.min.js"></script>
    <link id='favicon' rel="icon" href="assets/images/favicon.png" type="image/png">
    <!--Favicon-->
    <link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">
    <script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>
    
    <!--For Dark/Light mode Toggle-->
    <script src="https://code.iconify.design/1/1.0.4/iconify.min.js"></script>
    <script defer src="./assets/js/dynamicTitle.js"></script>
    <!--for close button of cite popup-->
    <!-- <script>
    $('a[href="#"]').live("click", function(e) {
    return false;
    e.preventDefault();
    });
  </script> -->
  <!-- Global site tag (gtag.js) - Google Analytics -->
    <script async src="https://www.googletagmanager.com/gtag/js?id=G-M11CMZ12Q"></script>
    <script>
        window.dataLayer = window.dataLayer || [];
        function gtag(){dataLayer.push(arguments);}
        gtag('js', new Date());

        gtag('config', 'G-M11CMZ12Q');
    </script>
</head>

<body class="no-scroll-preload">

    <!-- loader -->
    <div class="loader-container">
        <div class="atom">
            <div class="electron"></div>
            <div class="electron-alpha"></div>
            <div class="electron-omega"></div>
        </div>
   </div>

    <!--Dynamic Nav Bar-->

    <div class="container reference-upper reference-container pt-5" style="width: 100%; min-height: 80%;">
        <section class="txt-bottom">
            <div class="px-3 pt-5">
                <div class="row">
                    <div class="col-md-6 d-flex mt-5 flex-column text-center justify-content-center animate__animated animate__zoomIn animate__delay-1s">
                        <h2 class="main-heading mb-0 head-upper reference_head">My <span class="reference_work">References</span></h2>
                        <p class="pre-heading p-upper font-weight-bolder" class="mb-0 mt-3 text-center animate__animated animate__zoomIn animate__delay-2s">
                          I express my gratitude and love, as you have taken some minutes from your precious time to support my endeavors.
                        </p>
                    </div>

                    <div class="col-md-6" style="margin-top: -100px;">
                       



             
              <div class="svg-animation-container">
                <svg id="f2557a61-56ef-4ee7-9811-4cdcc73688e4" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" width="1121.80595" height="550" viewBox="0 0 1121.80595 699.0818">
                <title>creative team</title>
                <circle cx="852.80585" cy="367.99943" r="253.9999" fill="#f2f2f2"/>
               
                <circle cx="137.80597" cy="97.00003" r="97.00003" fill="#8A2BE2" class="circlemove"/>

                <circle cx="311.80585" cy="266.99943" r="253.9999" fill="#f2f2f2"/>
                <ellipse cx="299.80595" cy="520" rx="279" ry="15" fill="#3f3d56"/>
                <ellipse cx="243.80595" cy="520.51724" rx="209" ry="10.34483" opacity="0.1"/>
                <ellipse cx="842.80595" cy="624.5" rx="279" ry="16.5" fill="#3f3d56"/>
                <ellipse cx="786.80595" cy="625.06897" rx="209" ry="11.37931" opacity="0.1"/>
                <ellipse cx="400.90297" cy="586" rx="178.04348" ry="9" fill="#3f3d56"/>
                <ellipse cx="85.90297" cy="556" rx="85.90297" ry="4.34235" fill="#3f3d56"/>
                <ellipse cx="952.92685" cy="691" rx="159.8791" ry="8.0818" fill="#3f3d56"/>
                <g class="rectanglemove">
                <rect x="615.80595" y="433" width="320" height="190" fill="#3f3d56" class="rectanglework"/>                
                <circle cx="718.80595" cy="530" r="72" fill="#6c63ff"/>
                <rect x="812.80595" y="463" width="24" height="24" fill="#6c63ff"/>
                <rect x="842.80595" y="463" width="24" height="24" fill="#6c63ff" opacity="0.5"/>
                <rect x="872.80595" y="463" width="24" height="24" fill="#6c63ff" opacity="0.2"/>
                <rect x="812.80595" y="493" width="24" height="24" fill="#2f2e41"/>
                <rect x="842.80595" y="493" width="24" height="24" fill="#2f2e41" opacity="0.5"/>
                <rect x="872.80595" y="493" width="24" height="24" fill="#2f2e41" opacity="0.2"/>
                <rect x="812.80595" y="523" width="24" height="24" fill="#ff6584"/>
                <rect x="842.80595" y="523" width="24" height="24" fill="#ff6584" opacity="0.5"/>
                <rect x="872.80595" y="523" width="24" height="24" fill="#ff6584" opacity="0.2"/>
                <path d="M757.903,558.4591v144c39.76453,0,74-32.23553,74-72S797.6675,558.4591,757.903,558.4591Z" transform="translate(-39.09703 -100.4591)" fill="#3f3d56" opacity="0.5"/>
                </g>
               
                <path d="M1043.403,546.9591s42,19,27,41-60,64-61,73-7,17-7,17-20-21-18-23,22-21,23-26,31-44,31-44l-27-24Z" transform="translate(-39.09703 -100.4591)" fill="#ffb9b9"/>
                <path d="M1043.403,546.9591s42,19,27,41-60,64-61,73-7,17-7,17-20-21-18-23,22-21,23-26,31-44,31-44l-27-24Z" transform="translate(-39.09703 -100.4591)" opacity="0.1"/>
                <path d="M990.403,588.9591s29,12,27,31,35,73,35,73,4,13,3,17,26,3,26,3v-9s-21-36-23-46-14-49-14-49-4-35-24-35A37.5,37.5,0,0,0,990.403,588.9591Z" transform="translate(-39.09703 -100.4591)" fill="#ffb9b9"/>
                <path d="M991.903,498.4591s60,49,58,53-31,19-36,20-40.37795-73-40.37795-73Z" transform="translate(-39.09703 -100.4591)" fill="#2f2e41"/>
                <path d="M991.903,498.4591s60,49,58,53-31,19-36,20-40.37795-73-40.37795-73Z" transform="translate(-39.09703 -100.4591)" opacity="0.1"/>
                <path d="M926.903,508.4591s-6,27,10,38,43,54,46,54,46-23,44-27-24-39-24-39l-7-37S934.903,495.4591,926.903,508.4591Z" transform="translate(-39.09703 -100.4591)" fill="#2f2e41"/><path d="M991.903,420.4591l9,58,16,41s24,25,10,27-22-27-22-27l-13-24Z" transform="translate(-39.09703 -100.4591)" fill="#ffb9b9"/><path d="M991.903,420.4591l9,58,16,41s24,25,10,27-22-27-22-27l-13-24Z" transform="translate(-39.09703 -100.4591)" opacity="0.1"/><path d="M958.403,355.9591s0,21-7,23,28,29,28,29-4-35,10-44Z" transform="translate(-39.09703 -100.4591)" fill="#ffb9b9"/><path d="M958.403,355.9591s0,21-7,23,28,29,28,29-4-35,10-44Z" transform="translate(-39.09703 -100.4591)" opacity="0.1"/><circle cx="935.30595" cy="249.5" r="23" fill="#ffb9b9"/><path d="M975.403,397.9591s-21-26-24-25-25,23-27,30-6,57-3,67,3,36,2,38-7,7-1,7,27-15,41-12,33-1,34-3-1-54,0-58-2-24-3-28-1-20-11-24l-4.264-.42136-.23882,9.89157Z" transform="translate(-39.09703 -100.4591)" fill="#6c63ff"/><path d="M931.403,449.9591s2,31,17,44,47,35,49,39,21,25,25,16a14.96181,14.96181,0,0,0,.80194-8.86675,22.05314,22.05314,0,0,0-9.90344-14.41279l-8.8985-5.72046-44-46-2-24Z" transform="translate(-39.09703 -100.4591)" fill="#ffb9b9"/><path d="M988.903,651.4591s-11.5-2.5-15.5,4.5,4,26,4,26,23,48,27,42-3-28-3-28,10-22,6-23S988.903,663.4591,988.903,651.4591Z" transform="translate(-39.09703 -100.4591)" fill="#2f2e41"/><path d="M1059.403,708.9591s-6-3-7,0-7,18,0,20,76,4,74,0-13-9-20-11-25-17-25-17S1071.403,713.9591,1059.403,708.9591Z" transform="translate(-39.09703 -100.4591)" fill="#2f2e41"/><path d="M997.57221,331.70484a6.15938,6.15938,0,0,0-2.67142-3.48695,14.13565,14.13565,0,0,0-.564-4.60169c-1.46952-4.34444-4.95079-4.09542-8.23546-6.01618-1.42509-.83335-1.33707-1.56988-2.07894-2.93864a10.90653,10.90653,0,0,0-4.20254-4.28786c-2.10732-1.34264-4.3318-2.72537-6.82474-2.8953-5.239-.35709-9.25573,4.57054-14.263,6.152-2.2071.697-4.57869.72578-6.79744,1.38476s-4.43236,2.23247-4.763,4.52325c-.15265,1.05758.11666,2.14252-.03817,3.19981-.30781,2.10139-2.15145,3.57314-3.38563,5.30155-2.72923,3.82216-2.41707,9.22181-.23451,13.38047a18.80958,18.80958,0,0,0,1.57379,2.46278,15.14954,15.14954,0,0,0,1.66167,5.62586c2.18256,4.15865,5.93822,7.26624,9.86148,9.84805a23.277,23.277,0,0,1-.58191-4.19944,2.89682,2.89682,0,0,1,.17857-1.39142c.43691-.91332,1.59141-1.15622,2.47166-1.65643,1.8232-1.03606,2.53817-3.32891,2.59089-5.42527s-.39154-4.19618-.1719-6.28163a3.43233,3.43233,0,0,1,1.175-2.52484,4.05855,4.05855,0,0,1,2.21524-.52815c3.73556-.1524,7.63864-.221,10.93363-1.98755a16.20347,16.20347,0,0,1,3.40312-1.7215c2.80021-.73022,5.66219,1.23245,7.276,3.63455s2.41844,5.26063,3.90742,7.74207,4.0613,4.69432,6.94016,4.40032a1.15205,1.15205,0,0,0,.85976-.38231,1.28879,1.28879,0,0,0,.15838-.73249l.16085-11.00458A16.63363,16.63363,0,0,0,997.57221,331.70484Z" transform="translate(-39.09703 -100.4591)" fill="#2f2e41"/><path d="M940.403,398.9591s22,10,21,31,6,23-11,25-21,0-22,2-7-46-3-51S940.403,398.9591,940.403,398.9591Z" transform="translate(-39.09703 -100.4591)" fill="#6c63ff"/><circle cx="458.80595" cy="97" r="32" fill="#2f2e41"/><path d="M519.403,547.9591l-18,49s-15,12-6,16,27-4,27-4l14-36-2-25Z" transform="translate(-39.09703 -100.4591)" fill="#2f2e41"/><path d="M519.403,547.9591l-18,49s-15,12-6,16,27-4,27-4l14-36-2-25Z" transform="translate(-39.09703 -100.4591)" opacity="0.1"/><path d="M520.903,257.4591l15,2s7,55,4,59-18,20-24,16S520.903,257.4591,520.903,257.4591Z" transform="translate(-39.09703 -100.4591)" fill="#575a89"/><path d="M377.403,357.9591s-21,9-25,10-10,11-3,13,34-18,34-18Z" transform="translate(-39.09703 -100.4591)" fill="#a0616a"/><path d="M526.403,567.9591l11,41s1,15,6,16,20-5,20-7-6-18-6-18,0-12-6-17-11.40551-21.74959-11.40551-21.74959Z" transform="translate(-39.09703 -100.4591)" fill="#2f2e41"/><path d="M540.403,473.9591c2.02,4.71,1.77,38.88-.43994,61.62-1.07007,11.05-2.60009,19.4-4.56006,20.38l-14.33007-3.58-5.66993-1.42-.15-12.44-.85-68.56-17-71v-18l43,4,6.82007,10.71.17993.29S537.403,466.9591,540.403,473.9591Z" transform="translate(-39.09703 -100.4591)" fill="#2f2e41"/><path d="M531.403,495.9591c2.14,3.21,5.71,22.43,8.56006,39.62-1.07007,11.05-2.60009,19.4-4.56006,20.38l-14.33007-3.58c-.22-.46-.43994-.94-.66993-1.42-1.83007-3.84-3.55-8.08-5.15-12.44l-.85-68.56-17-71v-18l43,4,6.82007,10.71-39.82007-2.71,9,39,11,41S527.403,489.9591,531.403,495.9591Z" transform="translate(-39.09703 -100.4591)" opacity="0.1"/><path d="M460.403,340.9591s-14,31,6,74a874.08921,874.08921,0,0,1,33,82s7,33,17,54,8,22,8,22l16-9s-9-62-13-68-4-23-4-23l-11-41-9-39,44,3s0-57-20-68Z" transform="translate(-39.09703 -100.4591)" fill="#2f2e41"/><path d="M476.903,212.4591s0,16-5,17-15,1-18,6,23,71,23,71l27-17,9-45s-13-8-13-12v-18Z" transform="translate(-39.09703 -100.4591)" fill="#a0616a"/><path d="M476.903,212.4591s0,16-5,17-15,1-18,6,23,71,23,71l27-17,9-45s-13-8-13-12v-18Z" transform="translate(-39.09703 -100.4591)" opacity="0.1"/><circle cx="453.30595" cy="105.5" r="24" fill="#a0616a"/><path d="M479.903,286.4591s-9-57-11-57-30,6-32,7-9,10-9,10l14,40s6,28,10,33,12,19,8,21-8,5-4,5,37-6,39-3,35-11,35-12-4-48-4-48l10-23-30-21Z" transform="translate(-39.09703 -100.4591)" fill="#575a89"/><path d="M437.903,241.4591l-10,5s-28,64-30,65-12,20-13,24-3,17-6,19a51.953,51.953,0,0,1-5,3s6,10,9,10,13-14,13-14,22,14,28,3,21-81,21-81Z" transform="translate(-39.09703 -100.4591)" fill="#575a89"/><path d="M516.403,271.9591s-14-34-22-30,6,28,15,32Z" transform="translate(-39.09703 -100.4591)" fill="#a0616a"/><path d="M502.403,272.9591l14.03051-3.17174L519.403,284.9591s13,23,10,33-21,26-27,17-11-23-7-31S505.403,276.9591,502.403,272.9591Z" transform="translate(-39.09703 -100.4591)" opacity="0.1"/><path d="M505.403,270.9591l14.03051-3.17174L522.403,282.9591s13,23,10,33-21,26-27,17-11-23-7-31S508.403,274.9591,505.403,270.9591Z" transform="translate(-39.09703 -100.4591)" fill="#575a89"/><ellipse cx="498.90297" cy="190.9591" rx="11.5" ry="24" transform="translate(75.23657 461.27749) rotate(-64.8987)" fill="#2f2e41"/><circle cx="477.80595" cy="70" r="14" fill="#2f2e41"/><path d="M503.903,165.4591a13.99971,13.99971,0,0,1,12.5-13.91724,14,14,0,1,0,0,27.83448A13.99971,13.99971,0,0,1,503.903,165.4591Z" transform="translate(-39.09703 -100.4591)" fill="#2f2e41"/>



                <g class="rectfloat">
                <rect x="64.80595" y="277" width="350" height="243" fill="#3f3d56" class="rectwork"/>
                <rect x="92.80595" y="301" width="46" height="46" fill="#f2f2f2"/>
                <rect x="92.80595" y="376" width="46" height="46" fill="#6c63ff"/><rect x="92.80595" y="451" width="46" height="46" fill="#f2f2f2"/><rect x="160.80595" y="315.5" width="219" height="4" fill="#f2f2f2"/><rect x="160.80595" y="328.5" width="68" height="4" fill="#f2f2f2"/><rect x="160.80595" y="390.5" width="219" height="4" fill="#f2f2f2"/><rect x="160.80595" y="403.5" width="68" height="4" fill="#f2f2f2"/><rect x="160.80595" y="465.5" width="219" height="4" fill="#f2f2f2"/><rect x="160.80595" y="478.5" width="68" height="4" fill="#f2f2f2"/></g><path d="M1028.903,769.39173c0,20.35636-12.09988,27.46356-27.02822,27.46356-.34578,0-.69155-.005-1.03485-.01246-.69157-.01492-1.37816-.04725-2.05479-.09451-13.47306-.95277-23.93856-8.42565-23.93856-27.35659,0-19.58768,25.03064-44.30737,26.91626-46.14076l.00249-.00249c.07215-.07213.10945-.107.10945-.107S1028.903,749.03785,1028.903,769.39173Z" transform="translate(-39.09703 -100.4591)" fill="#6c63ff"/><path d="M1000.88966,793.74075l9.88588-13.81138-9.91077,15.32884-.02487,1.58462c-.69157-.01492-1.37816-.04725-2.05479-.09451l1.0647-20.36384-.00745-.1592.01741-.02737.102-1.92543-9.93562-15.36616,9.96547,13.92333.02488.408.80351-15.38607-8.50525-15.8786,8.60972,13.17952.83834-31.90151.00249-.10945v.107l-.13931,25.155,8.46794-9.97295-8.50277,12.1397-.22388,13.77655,7.9082-13.22182-7.94054,15.24924-.12438,7.65945,11.47549-18.40357-11.52027,21.0753Z" transform="translate(-39.09703 -100.4591)" fill="#3f3d56"/><path d="M151.903,630.39173c0,20.35636-12.09988,27.46356-27.02822,27.46356-.34578,0-.69155-.005-1.03485-.01246-.69157-.01492-1.37816-.04725-2.05479-.09451-13.47306-.95277-23.93856-8.42565-23.93856-27.35659,0-19.58768,25.03064-44.30737,26.91626-46.14076l.00249-.00249c.07215-.07213.10945-.107.10945-.107S151.903,610.03785,151.903,630.39173Z" transform="translate(-39.09703 -100.4591)" fill="#6c63ff"/><path d="M123.88966,654.74075l9.88588-13.81138-9.91077,15.32884-.02487,1.58462c-.69157-.01492-1.37816-.04725-2.05479-.09451l1.0647-20.36384-.00745-.1592.01741-.02737.102-1.92543-9.93562-15.36616,9.96547,13.92333.02488.408.80351-15.38607-8.50525-15.8786,8.60972,13.17952.83834-31.90151.00249-.10945v.107l-.13931,25.155,8.46794-9.97295-8.50277,12.1397-.22388,13.77655,7.9082-13.22182-7.94054,15.24924-.12438,7.65945,11.47549-18.40357-11.52027,21.0753Z" transform="translate(-39.09703 -100.4591)" fill="#3f3d56"/></svg>
                    

                </div>
            </div>
        </section>

        <div class="referenceMainWrapper">
            <div class="container reference-container">
                <div class="referenceDetails">
                    <table id="referenceDetailsTable">
                        <tbody class="pain">
                            <!--Fetch data from reference.js-->
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>

    
    <!--Cursor-->
    <div class="cursor-dot-outline"></div>
    <div class="cursor-dot"></div>
    <!-- Dynamic footer section -->


    <!-- script -->
    <script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-ho+j7jyWK8fNQe+A12Hb8AhRq26LrZ/JpcUGGOn+Y7RsweNrtN/tE3MoK7ZeZDyx" crossorigin="anonymous"></script>
    <script src="assets/js/app.js"></script>
    <script src="assets/js/cursor.js"></script>
    <script src="assets/js/references.js"></script>

</body>

</html>
